<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.5-strict.dtd" >
    <head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Jardin ZEN - Plantas VS Zombies</title>
		<link rel="shortcut icon" href="plantas/Peashooter.png" />
		<link rel="stylesheet" type="text/css" href="styles/pvsz.css" />
		<link rel="stylesheet" type="text/css" href="jardinzen.css" />
	</head>
	
    <body>
    	<header>
			<a wicket:id="indexlink"><img id="logo" src="splash.png"/></a>
		    
			<div id="title">
				<h1>Jardin ZEN</h1>
				
				<h3>Dinero disponible: <span wicket:id="puntos"></span></h3>
				<h3 id="typeJardin" wicket:id="typeJardin"></h3>
			</div>
		</header>
		
		<div class="well">
			
			<button class="superior" wicket:id="irAlOtroJardinButton">Ir al otro Jardin Zen</button>
			
			<form class="superior" wicket:id="searchForm">
				<input type="text" class="left" name="planta" wicket:id="txtBuscado" autofocus/>
				
				<div class="left">
					<div wicket:id="criterio">
						<input type="radio" wicket:id="1" checked/> De menor a MAYOR <br/>
						<input type="radio" wicket:id="-1" /> De MAYOR a menor <br/>
					</div>
				</div>
				
				<div class="left">
					<div wicket:id="propiedad">
						<input type="radio" wicket:id="nombre" checked/> Por nombre <br/>
						<input type="radio" wicket:id="ataque" /> Por ataque <br/>
						<input type="radio" wicket:id="defensa" /> Por defensa <br/>
					</div>
				</div>
				
				<input type="submit" value="Buscar" wicket:id="buscar"/>
			</form>
		</div>

		<!-- Resultado de la busqueda de plantas -->		
		<div class="resultadoPlantas" wicket:id="resultadoPlantas">
			
			<div class="plantaResultado" wicket:id="plantaResultado">
			
				<img class="imgPlanta" wicket:id="imgPlanta"/>
				
				<div class="infoPlanta">
					<p class="nombrePlanta" wicket:id="nombrePlanta">nombre_planta</p>
					<p class="ptsPlanta" wicket:id="ptsPlanta">0 ATK - 0 DEF</p>
					
					<button id="buttonMejorar" wicket:id="buttonMejorar">Mejorar</button>
				</div>
				
			</div>
		</div>
    </body>
</html>
